.other-video-page{
    padding: 0;
    width: 100vw;
    height: 100vh;

    .text-layer{
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        flex-direction: column;
        z-index: 1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        color: #eee;
        outline: 1px solid #f00;
        opacity: 0;
        transition: opacity 0.8s ease-out;
        &.active{
            // opacity: 0.75;
        }
        h1{
            font-size: 120px;
            letter-spacing: 10px;
            font-weight: bold;
            line-height: 2.2;
            
        }
        h2{
            font-size: 80px;
            letter-spacing: 2px;
            font-weight: bold;
            line-height: 2.2;
            margin-top: 50px;
        }
        h3{
            font-size: 80px;
            letter-spacing: 2px;
            font-weight: bold;
            margin-top: 20px;
        }
    }
    
    .video-container{
        width: 100vw;
        height: 100vh;
        overflow: hidden;
        video{
            width: 100vw;
            height: 100vh;
            object-fit: cover;
        }
    }
    button{
        position: absolute;
        z-index: 2;
        right: 0px;
        bottom: 0;
        height: 39px;
        width: 90px;
        opacity: 0;
    }

    .spec{
        display: none;
        position: absolute;
        z-index: 10;
        background-color: #fff;
        width: 100vw;
        height: 100vh;
        top: 0;
        left: 0;
        background-image: url('https://czc-tiles.obs.cn-east-3.myhuaweicloud.com/oms/R-C.webp');
        div{
            position: absolute;
            top: 50%;
            left: 50%;
            width: 400px;
            height: 200px;
            text-align: center;
            // outline: 1px solid #f00;
            transform: translate(-50%, -50%);
            color: #444;
            font-size: 33px;
            opacity: 0.8;
            // transform: rotate(-45deg);

            h2{
                position: relative;
                height: 75px;
                font-size: 52px;
                -webkit-text-stroke: 8px rgba(#0856bd, 0.15);
                letter-spacing: 12px;
                text-align: center;
                margin-bottom: 25px;

                &:before{
                    content: attr(data-content);
                    position: absolute;
                    color: #fff;
                    -webkit-text-stroke: 0
                }
            }
        }
    }
}